







/* 
 * To install the fancy type plugin: */
/* Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p */
/* 
 * For great looking type, use this code instead of asdf:
 * <span class="alt">asdf</span>
 * Best used on prepositions and ampersands. */
/* 
 * For great looking quote marks in titles, replace "asdf" with:
 * <span class="dquo">&#8220;</span>asdf&#8221;
 * (That is, when the title starts with a quote mark).
 * (You may have to change this value depending on your font size). */
/* 
 * Reduced size type with incremental leading
 * (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
 * This could be used for side notes. For smaller type, you don't necessarily want to
 * follow the 1.5x vertical rhythm -- the line-height is too much.
 * Using this class, it reduces your font size and line-height so that for
 * every four lines of normal sized type, there is five lines of the sidenote. eg:
 * New type size in em's:
 * New line-height value: */
/* 
 * Surround uppercase words and abbreviations with this class.
 * Based on work by JÃ¸rgen Arnor GÃ¥rdsÃ¸ Lom [http://twistedintellect.com/] */ */

html {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  line-height: 1.5;
}

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" "";
}
blockquote:before,
blockquote:after, q:before,
q:after {
  content: "";
}

pre, a, abbr, acronym, address, code, del, dfn, em, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

a img {
  border: none;
}






body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 75%;
  background: transparent url(/images/layout/blue_top_nav_bg.png) top repeat-x;
  /* Tell Firefox not to put dotted lines around links and form controls. */
}
body .container {
  width: 960px;
  margin: 0 auto;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block;
}
body .container {
  display: block;
}
body .container .span-1 {
  width: 40px;
}
body .container div.span-1 {
  float: left;
  width: 40px;
  margin-right: 0px;
}
body .container .span-2 {
  width: 80px;
}
body .container div.span-2 {
  float: left;
  width: 80px;
  margin-right: 0px;
}
body .container .span-3 {
  width: 120px;
}
body .container div.span-3 {
  float: left;
  width: 120px;
  margin-right: 0px;
}
body .container .span-4 {
  width: 160px;
}
body .container div.span-4 {
  float: left;
  width: 160px;
  margin-right: 0px;
}
body .container .span-5 {
  width: 200px;
}
body .container div.span-5 {
  float: left;
  width: 200px;
  margin-right: 0px;
}
body .container .span-6 {
  width: 240px;
}
body .container div.span-6 {
  float: left;
  width: 240px;
  margin-right: 0px;
}
body .container .span-7 {
  width: 280px;
}
body .container div.span-7 {
  float: left;
  width: 280px;
  margin-right: 0px;
}
body .container .span-8 {
  width: 320px;
}
body .container div.span-8 {
  float: left;
  width: 320px;
  margin-right: 0px;
}
body .container .span-9 {
  width: 360px;
}
body .container div.span-9 {
  float: left;
  width: 360px;
  margin-right: 0px;
}
body .container .span-10 {
  width: 400px;
}
body .container div.span-10 {
  float: left;
  width: 400px;
  margin-right: 0px;
}
body .container .span-11 {
  width: 440px;
}
body .container div.span-11 {
  float: left;
  width: 440px;
  margin-right: 0px;
}
body .container .span-12 {
  width: 480px;
}
body .container div.span-12 {
  float: left;
  width: 480px;
  margin-right: 0px;
}
body .container .span-13 {
  width: 520px;
}
body .container div.span-13 {
  float: left;
  width: 520px;
  margin-right: 0px;
}
body .container .span-14 {
  width: 560px;
}
body .container div.span-14 {
  float: left;
  width: 560px;
  margin-right: 0px;
}
body .container .span-15 {
  width: 600px;
}
body .container div.span-15 {
  float: left;
  width: 600px;
  margin-right: 0px;
}
body .container .span-16 {
  width: 640px;
}
body .container div.span-16 {
  float: left;
  width: 640px;
  margin-right: 0px;
}
body .container .span-17 {
  width: 680px;
}
body .container div.span-17 {
  float: left;
  width: 680px;
  margin-right: 0px;
}
body .container .span-18 {
  width: 720px;
}
body .container div.span-18 {
  float: left;
  width: 720px;
  margin-right: 0px;
}
body .container .span-19 {
  width: 760px;
}
body .container div.span-19 {
  float: left;
  width: 760px;
  margin-right: 0px;
}
body .container .span-20 {
  width: 800px;
}
body .container div.span-20 {
  float: left;
  width: 800px;
  margin-right: 0px;
}
body .container .span-21 {
  width: 840px;
}
body .container div.span-21 {
  float: left;
  width: 840px;
  margin-right: 0px;
}
body .container .span-22 {
  width: 880px;
}
body .container div.span-22 {
  float: left;
  width: 880px;
  margin-right: 0px;
}
body .container .span-23 {
  width: 920px;
}
body .container div.span-23 {
  float: left;
  width: 920px;
  margin-right: 0px;
}
body .container .span-24 {
  width: 960px;
}
body .container div.span-24 {
  float: left;
  width: 960px;
  margin-right: 0;
}
body .container div.last {
  margin-right: 0;
}
body .container .append-1 {
  padding-right: 40px;
}
body .container .append-2 {
  padding-right: 80px;
}
body .container .append-3 {
  padding-right: 120px;
}
body .container .append-4 {
  padding-right: 160px;
}
body .container .append-5 {
  padding-right: 200px;
}
body .container .append-6 {
  padding-right: 240px;
}
body .container .append-7 {
  padding-right: 280px;
}
body .container .append-8 {
  padding-right: 320px;
}
body .container .append-9 {
  padding-right: 360px;
}
body .container .append-10 {
  padding-right: 400px;
}
body .container .append-11 {
  padding-right: 440px;
}
body .container .append-12 {
  padding-right: 480px;
}
body .container .append-13 {
  padding-right: 520px;
}
body .container .append-14 {
  padding-right: 560px;
}
body .container .append-15 {
  padding-right: 600px;
}
body .container .append-16 {
  padding-right: 640px;
}
body .container .append-17 {
  padding-right: 680px;
}
body .container .append-18 {
  padding-right: 720px;
}
body .container .append-19 {
  padding-right: 760px;
}
body .container .append-20 {
  padding-right: 800px;
}
body .container .append-21 {
  padding-right: 840px;
}
body .container .append-22 {
  padding-right: 880px;
}
body .container .append-23 {
  padding-right: 920px;
}
body .container .prepend-1 {
  padding-left: 40px;
}
body .container .prepend-2 {
  padding-left: 80px;
}
body .container .prepend-3 {
  padding-left: 120px;
}
body .container .prepend-4 {
  padding-left: 160px;
}
body .container .prepend-5 {
  padding-left: 200px;
}
body .container .prepend-6 {
  padding-left: 240px;
}
body .container .prepend-7 {
  padding-left: 280px;
}
body .container .prepend-8 {
  padding-left: 320px;
}
body .container .prepend-9 {
  padding-left: 360px;
}
body .container .prepend-10 {
  padding-left: 400px;
}
body .container .prepend-11 {
  padding-left: 440px;
}
body .container .prepend-12 {
  padding-left: 480px;
}
body .container .prepend-13 {
  padding-left: 520px;
}
body .container .prepend-14 {
  padding-left: 560px;
}
body .container .prepend-15 {
  padding-left: 600px;
}
body .container .prepend-16 {
  padding-left: 640px;
}
body .container .prepend-17 {
  padding-left: 680px;
}
body .container .prepend-18 {
  padding-left: 720px;
}
body .container .prepend-19 {
  padding-left: 760px;
}
body .container .prepend-20 {
  padding-left: 800px;
}
body .container .prepend-21 {
  padding-left: 840px;
}
body .container .prepend-22 {
  padding-left: 880px;
}
body .container .prepend-23 {
  padding-left: 920px;
}
body .container .pull-1 {
  float: left;
  position: relative;
  margin-left: -40px;
}
body .container .pull-2 {
  float: left;
  position: relative;
  margin-left: -80px;
}
body .container .pull-3 {
  float: left;
  position: relative;
  margin-left: -120px;
}
body .container .pull-4 {
  float: left;
  position: relative;
  margin-left: -160px;
}
body .container .pull-5 {
  float: left;
  position: relative;
  margin-left: -200px;
}
body .container .pull-6 {
  float: left;
  position: relative;
  margin-left: -240px;
}
body .container .pull-7 {
  float: left;
  position: relative;
  margin-left: -280px;
}
body .container .pull-8 {
  float: left;
  position: relative;
  margin-left: -320px;
}
body .container .pull-9 {
  float: left;
  position: relative;
  margin-left: -360px;
}
body .container .pull-10 {
  float: left;
  position: relative;
  margin-left: -400px;
}
body .container .pull-11 {
  float: left;
  position: relative;
  margin-left: -440px;
}
body .container .pull-12 {
  float: left;
  position: relative;
  margin-left: -480px;
}
body .container .pull-13 {
  float: left;
  position: relative;
  margin-left: -520px;
}
body .container .pull-14 {
  float: left;
  position: relative;
  margin-left: -560px;
}
body .container .pull-15 {
  float: left;
  position: relative;
  margin-left: -600px;
}
body .container .pull-16 {
  float: left;
  position: relative;
  margin-left: -640px;
}
body .container .pull-17 {
  float: left;
  position: relative;
  margin-left: -680px;
}
body .container .pull-18 {
  float: left;
  position: relative;
  margin-left: -720px;
}
body .container .pull-19 {
  float: left;
  position: relative;
  margin-left: -760px;
}
body .container .pull-20 {
  float: left;
  position: relative;
  margin-left: -800px;
}
body .container .pull-21 {
  float: left;
  position: relative;
  margin-left: -840px;
}
body .container .pull-22 {
  float: left;
  position: relative;
  margin-left: -880px;
}
body .container .pull-23 {
  float: left;
  position: relative;
  margin-left: -920px;
}
body .container .pull-24 {
  float: left;
  position: relative;
  margin-left: -960px;
}
body .container .push-1 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -40px;
  margin-bottom: 1.5em;
  margin-left: 40px;
}
body .container .push-2 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -80px;
  margin-bottom: 1.5em;
  margin-left: 80px;
}
body .container .push-3 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -120px;
  margin-bottom: 1.5em;
  margin-left: 120px;
}
body .container .push-4 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -160px;
  margin-bottom: 1.5em;
  margin-left: 160px;
}
body .container .push-5 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -200px;
  margin-bottom: 1.5em;
  margin-left: 200px;
}
body .container .push-6 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -240px;
  margin-bottom: 1.5em;
  margin-left: 240px;
}
body .container .push-7 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -280px;
  margin-bottom: 1.5em;
  margin-left: 280px;
}
body .container .push-8 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -320px;
  margin-bottom: 1.5em;
  margin-left: 320px;
}
body .container .push-9 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -360px;
  margin-bottom: 1.5em;
  margin-left: 360px;
}
body .container .push-10 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -400px;
  margin-bottom: 1.5em;
  margin-left: 400px;
}
body .container .push-11 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -440px;
  margin-bottom: 1.5em;
  margin-left: 440px;
}
body .container .push-12 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -480px;
  margin-bottom: 1.5em;
  margin-left: 480px;
}
body .container .push-13 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -520px;
  margin-bottom: 1.5em;
  margin-left: 520px;
}
body .container .push-14 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -560px;
  margin-bottom: 1.5em;
  margin-left: 560px;
}
body .container .push-15 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -600px;
  margin-bottom: 1.5em;
  margin-left: 600px;
}
body .container .push-16 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -640px;
  margin-bottom: 1.5em;
  margin-left: 640px;
}
body .container .push-17 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -680px;
  margin-bottom: 1.5em;
  margin-left: 680px;
}
body .container .push-18 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -720px;
  margin-bottom: 1.5em;
  margin-left: 720px;
}
body .container .push-19 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -760px;
  margin-bottom: 1.5em;
  margin-left: 760px;
}
body .container .push-20 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -800px;
  margin-bottom: 1.5em;
  margin-left: 800px;
}
body .container .push-21 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -840px;
  margin-bottom: 1.5em;
  margin-left: 840px;
}
body .container .push-22 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -880px;
  margin-bottom: 1.5em;
  margin-left: 880px;
}
body .container .push-23 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -920px;
  margin-bottom: 1.5em;
  margin-left: 920px;
}
body .container .push-24 {
  float: right;
  position: relative;
  margin-top: 0;
  margin-right: -960px;
  margin-bottom: 1.5em;
  margin-left: 960px;
}
body h1 {
  font-weight: normal;
  color: #222222;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}
body h1 img {
  margin: 0;
}
body h2 {
  font-weight: normal;
  color: #222222;
  font-size: 2em;
  margin-bottom: 0.75em;
}
body h3 {
  font-weight: normal;
  color: #222222;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
body h4 {
  font-weight: normal;
  color: #222222;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  height: 1.25em;
}
body h5 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
body h6 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
}
body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
  margin: 0;
}
body p {
  margin: 0 0 1.5em;
}
body p img {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
body p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
body a {
  text-decoration: underline;
  color: #457ac9;
}
body a:visited {
  color: #124796;
}
body a:focus {
  color: #457ac9;
}
body a:hover {
  color: #399999;
}
body a:active {
  color: #ff7ac9;
}
body blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
body strong {
  font-weight: bold;
}
body em {
  font-style: italic;
}
body dfn {
  font-style: italic;
  font-weight: bold;
}
body sup, body sub {
  line-height: 0;
}
body abbr, body acronym {
  border-bottom: 1px dotted #666;
}
body address {
  margin: 0 0 1.5em;
  font-style: italic;
}
body del {
  color: #666;
}
body pre, body code {
  margin: 1.5em 0;
  white-space: pre;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
body tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
body li ul, body li ol {
  margin: 0 1.5em;
}
body ul {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: disc;
}
body ol {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: decimal;
}
body dl {
  margin: 0 0 1.5em 0;
}
body dl dt {
  font-weight: bold;
}
body dd {
  margin-left: 1.5em;
}
body table {
  margin-bottom: 1.4em;
  width: 100%;
}
body th {
  font-weight: bold;
  background: #C3D9FF;
  padding: 4px 10px 4px 5px;
}
body td {
  padding: 4px 10px 4px 5px;
}
body tr.even td {
  background: #E5ECF9;
}
body tfoot {
  font-style: italic;
}
body caption {
  background: #eee;
}
body .quiet {
  color: #666666;
}
body .loud {
  color: #111111;
}
body .clear {
  clear: both;
}
body .nowrap {
  white-space: nowrap;
}
body .clearfix {
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block;
}
body .clearfix {
  display: block;
}
body .small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
body .large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
body .first {
  margin-left: 0;
  padding-left: 0;
}
body .last {
  margin-right: 0;
  padding-right: 0;
}
body .top {
  margin-top: 0;
  padding-top: 0;
}
body .bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
body .print-only {
  display: none;
}
body .showgrid {
  background: url(images/grid.png);
}
body .error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
body .error a {
  color: #8a1f11;
}
body .notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
body .notice a {
  color: #514721;
}
body .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
body .success a {
  color: #264409;
}
body .hide {
  display: none;
}
body .highlight {
  background: #ff0;
}
body .added {
  background: #060;
  color: #fff;
}
body .removed {
  background: #900;
  color: #fff;
}
body label {
  font-weight: bold;
}
body fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc;
}
body legend {
  font-weight: bold;
  font-size: 1.2em;
}
body input.text {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 300px;
  padding: 5px;
}
body input.text:focus {
  border: 1px solid #666;
}
body input.title {
  font-size: 1.5em;
}
body input.title {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 300px;
  padding: 5px;
}
body input.title:focus {
  border: 1px solid #666;
}
body textarea {
  margin: 0.5em 0;
  border: 1px solid #bbb;
}
body textarea:focus {
  border: 1px solid #666;
}
body select {
  margin: 0.5em 0;
  border: 1px solid #bbb;
}
body select:focus {
  border: 1px solid #666;
}
body textarea {
  width: 390px;
  height: 250px;
  padding: 5px;
}
body p + p {
  text-indent: 2em;
  margin-top: -1.5em;
  /* Don't want this in forms. */
}
form body p + p {
  text-indent: 0;
}
body p.incr,
body .incr p {
  font-size: 10px;
  line-height: 1.44em;
  margin-bottom: 1.5em;
}
body .caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size: 1.2em;
  line-height: 1%;
  font-weight: bold;
  padding: 0 2px;
}
body .dquo {
  margin-left: -.5em;
}
body .alt {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}
body code.debug_dump {
  /* Rails' debug() method generates code blocks with this class */
  white-space: normal;
  background: black;
  color: limegreen;
  border: 1px solid green;
  display: block;
  overflow: scroll;
  line-height: 1.75em;
  font-size: 1em;
  font-family: monaco, "courier new", "lucida console", courier, monospace;
  padding: 1em;
  margin: .3em;
}
body .showgrid {
  /* My preferred path for the grid image. */
  background: url(/images/grid.png);
}
body .showdivs div {
  /* Outline nested divs */
  background: darkgreen;
  opacity: 0.80;
}
body .showdivs div div {
  background-color: lightgreen;
}
body .showdivs div div div {
  background-color: orange;
}
body .showdivs div div div div {
  background-color: red;
}
body a:focus, body a:hover, body a:active, body input {
  outline: none;
}
body .a11yHide {
  /* Hide a block visually, without hiding it from mechanical agents. */
  position: absolute;
  left: -9999px;
}
body .errorExplanation,
body .flash_error {
  /* This style is identical to the one that was declared earlier for .error
   * because I don't want to start hacking up the _interaction.sass file
   * in the Compass gem atm. */
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
body .errorExplanation a,
body .flash_error a {
  color: #8a1f11;
}
body .container {
  /* :overflow visible */
}
body .container fieldset {
  border: none;
}
body .container h1, body .container legend {
  color: #0a94c1;
  font-size: 140%;
  font-weight: bold;
}
body .container .contentarea {
  min-height: 350px;
  padding-top: 3em;
}
body .container .contentarea .floatleft {
  /* "body .container .contentarea" is necessary here in order to override
   * Blueprint's span-n styles, which are applied to ".body .container" */
  float: left;
  position: relative;
}
body .container .contentarea .floatright {
  float: right;
  position: relative;
}
body .container .contentarea div h1 {
  float: left;
  position: relative;
  margin-left: -160px;
  margin-top: -2em;
}
body .container form ul,
body .container #primary ul,
body .container #secondary ul,
body .container #tertiary ul,
body .container ul.crumbs,
body .container ul.text,
body .container ul.tabs {
  list-style: none;
  margin-left: 0;
}
body .container ul.tabs li {
  display: inline;
  border: 1px solid #666;
  border-bottom: none;
  padding: 1em;
  background: #ccc;
  color: #666;
}
body .container ul.tabs li.menu,
body .container ul.tabs li.menu:hover {
  background-color: transparent;
  border: none;
  display: block;
  float: right;
  position: relative;
}
body .container ul.tabs li.selected {
  background: white;
  color: black;
}
body .container ul.crumbs li {
  display: inline;
}
body .container tr.extended img {
  float: left;
}
body .container tr.extended p + p {
  text-indent: 0;
  padding-top: 1em;
}
body .container div.menu {
  margin: 0 auto;
  /* width: 100% won't work for auto-margin centering here */
  width: 12em;
}
body a,
body a:visited {
  /* Really bad to be unsetting visited links color :( */
  color: #0a94c1;
  font-weight: bold;
  text-decoration: none;
}
body a:hover {
  text-decoration: underline;
  background-color: none;
}
body table {
  /* DATA tables */
  background: transparent url(/images/layout/subtabs/gray_tabs_line.png) top left no-repeat;
  /* Make space for the background image, on the left hand edge */
  margin-left: -1em;
  padding-left: 1em;
}
body table th {
  padding-top: 13px;
  background: transparent;
}


#primary {
  height: 48px;
  padding-bottom: 1em;
  /* include the stripe background here as well so it doesn't get overlaid by the Blueprint grid
   * for debugging purposes, does no harm but might want to remove this for production */
  background: transparent url(/images/layout/blue_top_nav_bg.png) top repeat-x;
}
#primary h1 {
  float: left;
  padding-right: 6px;
  background: url(/images/layout/logo_blue_top_nav_bg.png) top left no-repeat;
}
#primary h1,
#primary h1 a {
  display: block;
  width: 149px;
  height: 48px;
}
#primary h1 span {
  position: absolute;
  left: -9999px;
}
#primary ul,
#primary ul li {
  height: 48px;
  width: auto;
  display: inline;
  float: left;
}
#primary ul li {
  padding-left: 0.6em;
  background-color: transparent;
  background-repeat: no-repeat;
}
#primary ul#sectionNav,
#primary ul.account,
#primary ul#authenticate.account {
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}
#primary ul#sectionNav li, #primary ul#sectionNav a,
#primary ul.account li, #primary ul.account a,
#primary ul#authenticate.account li, #primary ul#authenticate.account a {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  border: none;
  display: block;
  position: relative;
  height: 48px;
  width: 102px;
  background-repeat: no-repeat;
  /* Do not nest this style within the A, as the A is not always present */
}
#primary ul#sectionNav li span.tabTitle, #primary ul#sectionNav a span.tabTitle,
#primary ul.account li span.tabTitle, #primary ul.account a span.tabTitle,
#primary ul#authenticate.account li span.tabTitle, #primary ul#authenticate.account a span.tabTitle {
  position: absolute;
  left: -9999px;
}
#primary ul#sectionNav {
  /* Set space between the home/research/publishers nav and
   * The my favorites/portfolio tabs */
  padding-right: 65px;
}
#primary ul.account {
  background: transparent url(/images/layout/my_top_nav.png) no-repeat top left;
  /* Make room for the My: text in the background image (there is no corresponding machine-readable text) */
  padding-left: 29px;
}
#primary ul#sectionNav li#home {
  width: 49px;
  background-image: url(/images/layout/tabs/home_tab_1.png);
}
#primary ul#sectionNav li#home:hover {
  background-image: url(/images/layout/tabs/home_tab_2.png);
}
#primary ul#sectionNav li#home.selected,
#primary ul#sectionNav li#home.selected:hover {
  background-image: url(/images/layout/tabs/home_tab_3.png);
}
#primary ul#sectionNav li.research {
  background-image: url(/images/layout/tabs/research_static.png);
}
#primary ul#sectionNav li.research:hover {
  background-image: url(/images/layout/tabs/research_hot.png);
}
#primary ul#sectionNav li.research.selected,
#primary ul#sectionNav li.research.selected:hover {
  background-image: url(/images/layout/tabs/research_white.png);
}
#primary ul#sectionNav li.publishers {
  background-image: url(/images/layout/tabs/publis_static.png);
}
#primary ul#sectionNav li.publishers:hover {
  background-image: url(/images/layout/tabs/publis_hot.png);
}
#primary ul#sectionNav li.publishers.selected,
#primary ul#sectionNav li.publishers.selected:hover {
  background-image: url(/images/layout/tabs/publis_white.png);
}
#primary ul.account li.favorites {
  background-image: url(/images/layout/tabs/favor_static.png);
}
#primary ul.account li.favorites:hover {
  background-image: url(/images/layout/tabs/favor_hot.png);
}
#primary ul.account li.favorites.selected,
#primary ul.account li.favorites.selected:hover {
  background-image: url(/images/layout/tabs/favor_white.png);
}
#primary ul.account li.portfolio {
  background-image: url(/images/layout/tabs/portfo_static.png);
}
#primary ul.account li.portfolio:hover {
  background-image: url(/images/layout/tabs/portfo_hot.png);
}
#primary ul.account li.portfolio.selected,
#primary ul.account li.portfolio.selected:hover {
  background-image: url(/images/layout/tabs/portfo_white.png);
}
#primary ul#authenticate.account {
  background-image: none;
  left: 112px;
}
#primary ul#authenticate.account li#registerFly,
#primary ul#authenticate.account li#registerFly a {
  width: 58px;
}
#primary ul#authenticate.account li#loginFly,
#primary ul#authenticate.account li#loginFly a {
  width: 48px;
  left: 10px;
}
#primary ul#authenticate.account li#registerFly {
  background-image: url(/images/layout/flyouts/reg_top_nav_1.png);
}
#primary ul#authenticate.account li#registerFly:hover {
  background-image: url(/images/layout/flyouts/reg_top_nav_2.png);
}
#primary ul#authenticate.account li#registerFly.selected,
#primary ul#authenticate.account li#registerFly.selected:hover {
  background-image: url(/images/layout/flyouts/reg_top_nav_3.png);
}
#primary ul#authenticate.account li#loginFly {
  background-image: url(/images/layout/flyouts/sign_top_nav_1.png);
}
#primary ul#authenticate.account li#loginFly:hover {
  background-image: url(/images/layout/flyouts/sign_top_nav_2.png);
}
#primary ul#authenticate.account li#loginFly.selected,
#primary ul#authenticate.account li#loginFly.selected:hover {
  background-image: url(/images/layout/flyouts/sign_top_nav_3.png);
}
#primary ul#authenticate.account li {
  /* Flyout styling */
}
#primary ul#authenticate.account li .flyout {
  color: white;
  border: 1px solid;
  border-color: #919191;
  width: auto;
  position: absolute;
  z-index: 1;
  padding: 3px;
}
#primary ul#authenticate.account li .flyout a {
  color: white;
}
#primary ul#authenticate.account li .flyout p {
  position: relative;
  top: 0;
  left: 0;
}
#primary ul#authenticate.account li .flyout label {
  color: white;
  font-weight: normal;
  top: 0;
  left: 0;
}
#primary ul#authenticate.account li .flyout ul, #primary ul#authenticate.account li .flyout li, #primary ul#authenticate.account li .flyout fieldset, #primary ul#authenticate.account li .flyout legend, #primary ul#authenticate.account li .flyout input {
  float: none;
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}
#primary ul#authenticate.account li .flyout legend {
  display: none;
}
#primary ul#authenticate.account li .flyout li {
  display: block;
  width: auto;
  height: auto;
}
#primary ul#authenticate.account li .flyout .errorExplanation {
  position: absolute;
  left: -9999px;
}
#primary ul#authenticate.account li .flyout .flyout * {
  position: relative;
}
#primary ul#authenticate.account li#registerFly .flyout,
#primary ul#authenticate.account li#loginFly .flyout {
  background: transparent url(/images/layout/flyouts/reg_bottom.png) bottom no-repeat;
  width: 268px;
  padding: 2px 0 2em;
  border: none;
  left: -47px;
  top: 42px;
}
#primary ul#authenticate.account li#registerFly .flyout ul,
#primary ul#authenticate.account li#loginFly .flyout ul {
  left: 18px;
}
#primary ul#authenticate.account li#registerFly .flyout div.spline,
#primary ul#authenticate.account li#loginFly .flyout div.spline {
  background: transparent url(/images/layout/flyouts/reg_top.png) no-repeat 0 bottom;
  height: 2px;
  margin-top: -2px;
  margin-bottom: 6px;
  width: 268px;
  position: relative;
}
#primary ul#authenticate.account li#registerFly.active,
#primary ul#authenticate.account li#loginFly.active {
  /* Registration Flyout Menu */
  left: 0;
  top: -0px;
  z-index: 3;
}
#primary ul#authenticate.account li#registerFly.active a.tabTitle,
#primary ul#authenticate.account li#loginFly.active a.tabTitle {
  /* Top tab of the Register Flyout gets attached here */
  background: transparent url(/images/layout/flyouts/reg_top.png) top left no-repeat;
  position: relative;
  display: block;
  width: 113px;
  height: 34px;
  left: -47px;
  top: 10px;
}
#primary ul#authenticate.account li#registerFly.active a.tabTitle span,
#primary ul#authenticate.account li#loginFly.active a.tabTitle span {
  position: absolute;
  left: -9999px;
}
#primary ul#authenticate.account li#loginFly .flyout div.spline {
  background-image: transparent url(/images/layout/flyouts/sign_top.png);
}
#primary ul#authenticate.account li#loginFly.active {
  left: 10px;
}
#primary ul#authenticate.account li#loginFly.active a.tabTitle {
  background-image: url(/images/layout/flyouts/sign_top.png);
  background-position: -97px 1px;
  width: 82px;
  left: -15px;
}
#primary div.menu {
  margin: 0px;
  width: 20em;
  height: 48px;
  float: right;
  position: relative;
  left: 1em;
  color: white;
}
#primary div.menu ul {
  height: auto;
  height: 1.5em;
  display: block;
  height: 24px;
  float: right;
  margin: 0;
  font-size: 80%;
  font-weight: normal;
  position: relative;
  /* Change the left value here to move the whole menu, including the search box. */
  left: 5em;
}
#primary div.menu ul li {
  height: 24px;
}
#primary div.menu ul.help {
  left: 0em;
  /* Set the width of the container for BOTH help links AND topnav site search field.
   * Position of the top nav site search field is relative to this width. */
  width: 23em;
  padding-top: 0;
}
#primary div.menu ul.help li {
  padding: 0;
  margin: 0;
}
#primary div.menu ul.help li a {
  padding: 0 1em;
}
#primary div.menu ul.help li a {
  cursor: pointer;
  color: white;
  text-decoration: none;
  text-transform: capitalize;
}
#primary div.menu ul.help li a:hover {
  color: yellow;
  background-color: transparent;
}
#primary div.menu form {
  top: 1.8em;
  /* Change the left value here to move just the search box by itself. */
  left: -1em;
  display: block;
  height: 24px;
  position: relative;
  padding: 0;
  margin: 0;
}
#primary div.menu form fieldset {
  padding: 0;
  margin: 0;
  height: auto;
  border: none;
}
#primary div.menu form label {
  position: absolute;
  left: -9999px;
}
#primary div.menu form legend {
  display: none;
}
#primary div.menu form ul,
#primary div.menu form li {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}
#primary div.menu form li.fancy {
  position: relative;
  left: -1em;
  top: -5px;
  background: transparent url(/images/layout/search_gray_bg.png);
  height: 36px;
  border: 1px solid;
  border-color: #919191;
  padding: 0 1em;
}
#primary div.menu form li.fancy input#search_search {
  position: relative;
  top: 0;
  left: 0;
  border: 1px solid black;
  padding: 3px;
  width: 216px;
  top: 7px;
}
#primary div.menu form li input#search_submit {
  display: block;
  background: white url(/images/layout/mag_glass.png) no-repeat right 1px;
  position: absolute;
  top: 6px;
  left: 201px;
  top: 7px;
}


#secondary {
  background: #f8f7f7;
  color: #919191;
}
#secondary a {
  color: #919191;
  text-decoration: none;
}
#secondary a:hover {
  text-decoration: underline;
}
#secondary ul li a {
  font-weight: normal;
}
#secondary .crumbs,
#secondary .search {
  font-size: 110%;
  font-weight: bold;
  background: #ececec;
  padding-top: 1em;
  padding-bottom: 1em;
}
#secondary .crumbs span {
  background: url(/images/layout/home_footer.png) no-repeat;
  height: 24px;
  width: 23px;
  display: block;
  float: left;
  padding-right: 0.3em;
  margin-top: -0.3em;
}
#secondary .crumbs span span {
  position: absolute;
  left: -9999px;
}
#secondary .crumbs div {
  float: left;
}
#secondary .crumbs .search {
  float: right;
  padding: 0;
  margin: 0;
}
#secondary .crumbs .search ul {
  padding: 0;
  margin: 0;
}
#secondary .crumbs .search legend {
  display: none;
}
#secondary .crumbs .search fieldset {
  border: none;
  margin: 0;
  padding: 0 0.3em 0 0;
}
#secondary .crumbs .search label {
  position: absolute;
  left: -9999px;
}
#secondary .crumbs .search input#secondary_search_search {
  border: 1px solid black;
  padding: 3px;
  width: 216px;
}
#secondary .crumbs .search input#secondary_search_submit {
  display: block;
  background: white url(/images/layout/mag_glass.png) no-repeat right 1px;
  position: absolute;
  top: 6px;
  left: 201px;
  float: right;
  position: relative;
  left: -4px;
  top: -20px;
}
#secondary #sitemap h2 {
  position: absolute;
  left: -9999px;
}
#secondary .legalese {
  font-size: 80%;
  background: white;
  padding-top: 1em;
}
#secondary .legalese div {
  background: transparent url(/images/layout/pb_zf_logo.png) top right no-repeat;
}
#secondary ul.nav li {
  display: inline;
  float: left;
  /* Change the right padding to determine how widely spaced are the lists of static pages in the bottom nav */
  padding: .6em 3em .6em 0;
}
#secondary ul.nav li h3,
#secondary ul.nav li ul.toplevel {
  color: #919191;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: .6em;
  margin-top: 1em;
}
#secondary ul.nav li ul li {
  display: block;
  clear: both;
  padding: 0;
}

body .container #tertiary {
  line-height: 1;
}
body .container #tertiary h2,
body .container #tertiary h3 {
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.25em 0;
}
body .container #tertiary label {
  font-weight: normal;
}
body .container #tertiary input {
  vertical-align: middle;
}
body .container #tertiary ul {
  margin: 0 0 1.5em 0;
}

body.contentsIndex .container ul#mainList li {
  display: block;
}
body.contentsIndex .container ul#mainList li img {
  display: inline;
  top: 0;
}
body.contentsIndex .container ul#mainList p {
  /* this width will likely need to be conditional on whether
   * its the admin or members view as the edit/delete links take
   * up extra horizontal space */
  width: 70%;
  float: left;
}

body.portfoliosNew,
body.portfoliosEdit {
  /* Autocomplete styles */
}
body.portfoliosNew fieldset,
body.portfoliosEdit fieldset {
  padding: 0;
  margin: 0;
}
body.portfoliosNew fieldset legend,
body.portfoliosEdit fieldset legend {
  display: none;
}
body.portfoliosNew #company_symbol_auto_complete,
body.portfoliosEdit #company_symbol_auto_complete {
  background: white;
  border: 1px solid;
  border-color: #f8f7f7;
  z-index: 1;
  width: 12em;
}
body.portfoliosNew #company_symbol_auto_complete ul,
body.portfoliosEdit #company_symbol_auto_complete ul {
  padding: 0;
  margin: 0;
}
body.portfoliosNew #company_symbol_auto_complete ul li,
body.portfoliosEdit #company_symbol_auto_complete ul li {
  border-bottom: 1px solid;
  border-color: #ececec;
}
body.portfoliosNew #company_symbol_auto_complete ul li:hover,
body.portfoliosNew #company_symbol_auto_complete ul li.selected,
body.portfoliosEdit #company_symbol_auto_complete ul li:hover,
body.portfoliosEdit #company_symbol_auto_complete ul li.selected {
  background: #0a94c1;
  color: #ececec;
  cursor: pointer;
}
body.portfoliosNew #company_symbol_auto_complete ul li:hover .highlight,
body.portfoliosNew #company_symbol_auto_complete ul li.selected .highlight,
body.portfoliosEdit #company_symbol_auto_complete ul li:hover .highlight,
body.portfoliosEdit #company_symbol_auto_complete ul li.selected .highlight {
  color: black;
}
